<template>
  <!-- 语法： v-model.修饰符= "变量" -->
  <div>
    <!-- 语法： v-model.number="变量"  将收集的数据， 转为数字格式， 再存给变量 -->
    年龄: <input type="number" v-model.number="age" /><br />

    <!-- 语法： v-model.trim="变量"  将收集的数据， 去除首尾空白字符， 再存给变量 -->
    账号: <input type="text" v-model.trim="username" /><br />

    <!-- 语法： v-model.lazy="变量"  失去焦点时才收集的数据， -->
    <input type="text" v-model.lazy="intro" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 0,
      username: "",
      intro: "",
    };
  },
};
</script>

<style></style>
